<template>
    <div class="displfx">
        <div class="groor box">
            <div class="el-page-header__left" @click="gotoeng">
                <i class="el-icon-back"></i>
                <div class="el-page-header__title">返回</div>
            </div>
            <div class="nenn">
                <div class="grlogwewe box" @click="longe">
                    <div><img src="@/assets/img/gr.png" alt=""></div>
                    <div class="saien">用户登录</div>
                </div>
                <div class="shlog box" @click="englo">
                    <div><img src="@/assets/img/sj.png" alt=""></div>
                    <div class="saien">商家登录</div>
                </div>
            </div>
        </div>

    </div>
</template>
<script>
export default {
    data() {
        return {
            
        }
    },
    methods: {
        longe() {
            this.$router.push({
            path: "/SignIn"
            });
        },
        englo() {
            this.$router.push({
            path: "/SignIn_sj"
            });
        },
        gotoeng() {
            this.$router.go(-1)
        }
    },
}
</script>
<style scoped lang="stylus">
.displfx {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #f06048;
}   
.groor {
    width: 450px;
    height: 500px;
    background-color: #fff;
    border-radius: 20px;
    margin: 120px auto;
}
.groor >>>.el-page-header__left .el-icon-back {
    font-size: 30px;
    margin-top: 12px;
}
.groor >>> .el-page-header__left {
    margin-right: 318px;
    margin-top: 17px;
}
.groor >>> .el-page-header__title {
    font-size:20px
}
.groor img {
    width: 50px;
    height: 50px;
}
.box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.grlogwewe {
    height: 115px;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
}
.nenn {
    width: 300px;
    height: 300px;
    margin: 110px auto;
}
.saien {
    width: 300px;
    line-height: 50px;
    border-radius: 20px;
    background-color: #d0d0d0
}
.shlog {
    height: 115px;
    text-align: center;
    font-size: 22px;
    margin-top: 20px;
    cursor: pointer;
}
</style>